.z_header{ position: fixed; left: 0; top: 0; width: 100%; padding: 0vw 4vw; box-sizing: border-box; z-index: 10; display: flex; align-items: center;justify-content: space-between; transition: ease 1s; height: 6.25vw; background: #fff;}
.z_header:hover{background: #fff!important;}
.z_header.on{ background: #fff!important;}
.z_header_nav li{ display: inline-block; margin-right: 3vw; line-height: 40px; position: relative;}
.z_header_nav li a{ font-size: 16px; display: block;}
.z_header_nav li::before{ content: ""; display: block;width: 44px;
height: 44px;
border: 2px solid #196CCF;
opacity: 0.3;
border-radius: 50%; position: absolute; left: -12px; top: 50%; transform: translateY(-50%) scale(0,0); opacity: 0; transition: ease 1s;}
.z_header_nav li:hover::before,.z_header_nav li.active::before{transform: translateY(-50%) scale(1,1); opacity: .3;}
.z_header_nav li:hover>a,.z_header_nav li.active>a{ color: #196CCF;}
.z_nav_down{ position: fixed; left: 0; top: 6.25vw; width: 100vw; background: #fff; text-align: center; background: #eff5fb; padding: 1vw 0;  opacity: 0; visibility: hidden;transition: ease 1s;}
.z_nav_down .item{ display: inline-block; margin: 0 2vw;text-align: left; vertical-align: top; }
.z_nav_down .t3{font-size: 15px;font-weight: bold;color: #000000;}
.z_nav_down a{ display: block}
.z_nav_down  a:hover{ color: #196CCF!important; text-decoration: underline;}
.z_nav_down .t2{color: #196CCF; font-size: 16px;font-weight: bold;}
.z_header_nav li:nth-child(3) .z_nav_down .t3{ background: url(../image/sj1.png) no-repeat left center; padding-left: 12px;}
.z_nav_down .t4 a{color: #90979E;
line-height: 30px;}
.z_nav_down .box{ margin-bottom: 1vw;}
.z_header_nav li:hover .z_nav_down{ opacity: 1; transform: translateY(0); visibility: visible; } 
.z_words{min-width: 110px; background: #FFFFFF;border: 1px solid #CED1D3;border-radius: 23px; cursor: pointer; padding: 0 15px; margin:0 20px; position: relative;}
.z_words .tit{display: flex; align-items: center; height: 46px; justify-content: center;}
.z_words .icon{ margin-right: 10px; flex-shrink: 0;}
.z_words .down{ position: absolute; left: 0; top: 100%; width: 100%;margin-top: 5px; background: #fff;border-radius: 10px; transition: ease 1s; transform: translateY(10px); opacity: 0; overflow: hidden; box-shadow: 0 0 10px rgb(0,0,0,.1);}
.z_words:hover .down{ opacity: 1; transform: translateY(0);}
.z_words .down a{ display: block; text-align: center; line-height: 38px; border-bottom: 1px solid #ddd;}
.z_words .down a:hover{ background: #196CCF; color: #fff;}
.z_words .down a:last-child{ border-bottom: 0;}
.z_sel{ background: url(../image/arr.png) no-repeat right center; padding-right: 10px; flex: 1;height: 46px;}
.z_menu_btn{width: 46px;height: 46px;background: #196CCF;border-radius: 50%; margin: 0;}
.z_menu_btn span,.z_menu_btn.on span{ background: #fff; width: 18px;}
.z_menu_btn .line2{ margin: 3px 0;}
.z_menu_btn.on .line1{ transform:translateY(5px) rotate(45deg);}
.z_menu_btn.on .line3{ transform:translateY(-5px) rotate(-45deg); width: 18px; }
.z_logo img{ display: block; height: 24px;}
.z_header_fr{ margin-left: auto;}

.z_menu_mask{ width: 100%; overflow: hidden; opacity: 0; visibility: hidden; transition: ease 1s; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,.3); z-index: 10;}
.z_menu_con{ width: 60%; height: 100%; position: relative; margin-left: 40%;
border-radius: 50%; padding: 0 8.3vw 0 10.4vw; box-sizing: border-box; display: flex; align-items: center;}
.z_menu_mask::before{ content: ""; display: block; width: 90vw; height: 90vw; background: #fff;position: absolute; right: -30vw; top: 50%; transform: translateY(-50%) scale(0,0);border-radius: 50%; transition: ease 1s; }
.z_menu_mask::after{ content: ""; display: block; width: 100vw; height: 100vw; background:rgba(255,255,255,.3);position: absolute; right: -36vw; top: 50%; transform: translateY(-50%) scale(0,0);border-radius: 50%; transition: ease 1.5s;}
.z_menu_nav li{ margin-bottom: 2vw;}
.z_menu_nav li h3 a{ font-size: 1.35416vw; font-weight: bold;}
.z_menu_down a{ display: inline-block; color: #444; background: url(../image/sj1.png) no-repeat left center; padding-left: 15px; margin-top: 0.6vw;  position: relative;  margin-right: 2vw;font-size: 15px;line-height: 28px;} 
.z_menu_nav a::before{ content: ""; display: block; width: calc(100% - 15px); height: 1px; opacity: 0; background: #196CCF; position: absolute; left: 15px; bottom: 0;}
.z_menu_nav a:hover{ color: #196CCF; }
.z_menu_nav a:hover::before{ opacity: 1;}
.z_menu_down a:Hover{ background-image: url(../image/sj2.png);}
.z_menu_btm{ border-top: 2px solid  #196CCF; padding-top: 1.5vw; display: flex; align-items: center;}
.z_menu_addre{color: #333333;
line-height: 24px;}
.z_menu_share{ margin-left: auto; flex-shrink: 0;}
.z_menu_share a{ display: inline-block;width: 44px;height: 44px;background: #cccccc;border-radius: 50%; text-align: center; line-height: 44px; color: #fff; font-size: 20px!important; margin-left: 15px;}
.z_menu_share a:hover{ background:  #196CCF; color: #fff; cursor: pointer;}
.z_menu_close{ position: absolute; right: 4vw; top: 2.5vw; color: #B4B4B4; font-size: 28px!important; font-weight: bold; cursor: pointer;}
.z_menu_close:hover{ color: #196CCF;}
.z_menu_mask .warp{ opacity: 0; transition: ease 1.5s; transform: translateX(5vw); }
.z_menu_mask.on,.z_menu_mask.on .warp{ opacity: 1; visibility: visible;transform: translateX(0px);}
.z_menu_mask.on::before{ transition-delay:.5s;}
.z_menu_mask.on::after{}
.z_menu_mask.on::before,.z_menu_mask.on::after{ transform: translateY(-50%) scale(1,1)}
.z_menu_mask.on .warp{transition-delay:1s;transform: translateX(0px);}






.z_banner{ width: 100%; height: 100vh; position: relative;}
.z_banner .bd,.z_banner .bd li,.z_banner .bd li .img,.z_banner .bd li .show{width:100%; overflow: hidden; height:100%; position:relative;}
.z_banner .bd li .img{ background-position:  bottom center; background-repeat:no-repeat; background-size:cover;}
.z_banner .bd li .show{transform:scale(1.1); transition:ease 2s; opacity:.8;}
.z_banner .bd li.swiper-slide-active .show,.zs_banner .bd li.swiper-slide-duplicate-active .show{transform:scale(1); opacity:1;}

.z_banner_text{ position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); padding: 0 8.3vw;box-sizing: border-box;}
.z_banner_text .h3{font-size: 1.45833vw;color: #001E3D; margin-top: -1vw; margin-bottom: 1.5vw;	font-family: "NotoSansHansbold";}
.z_banner_text .slg img{ height: 3.64583vw; display: block;}
.z_banner_text pre{font-size:3.02083vw;font-family: "NotoSansHansbold";color: #196CCF; line-height: 3vw;font-weight: bold;}
.z_more{ display: flex; align-items: center; color: #FEFEFE; z-index: 1;}
.z_more .iconfont{ display: inline-block;width: 46px;height: 46px;border: 2px solid rgba(255,255,255,.3);border-radius: 50%;z-index: 1; text-align: center; line-height: 42px;  position: relative; overflow: hidden; font-weight: bold; transition: ease .5s;}
.z_more .cir{ position: relative; overflow: hidden; border-radius: 50%; font-size: 0; }
.z_more .cir::after{ content: ""; display: block; width: 100%; height: 0; position: absolute; left: 0%; bottom: 0; background:  #196CCF; position: absolute; left: 0; bottom: 0; transition: ease 1s;} 
.z_more span{font-family: AsapCondensed;font-weight: 600;text-decoration: underline;margin-left: 10px;}
.z_banner_text .z_more{ margin-top: 8vw;}
.z_more:hover .cir::after{ height: 100%; }
.z_more2{ color: #196CCF;}
.z_more2 .iconfont{ border-color:#196CCF;}
.z_more2:hover .iconfont{ color: #FEFEFE;}
.z_banner_bar{ position: absolute; z-index: 2; left: 50%; transform: translateX(-50%); bottom: 0; width:83.33333vw; border-top: 1px solid rgba(255,255,255,.5); height: 5.2vw; justify-content: space-between; }
.z_banner_hd li{ display: inline-block;width: 8px;
height: 8px;
background: #FFFFFF;
opacity: 0.6;
border-radius: 50%; margin-right: 10px; cursor: pointer; outline: none;}
.z_banner_hd li.on{ background: none;border: 2px solid #FFFFFF;}

.z_index_about .fl_warp{width: 70.8%;background: linear-gradient(180deg, #F4F9FF, #C5D5E8); padding: 7vw 8vw; box-sizing: border-box; padding-right: 12.76041vw;}
.z_index_tit{font-size:2.39583vw;line-height: 2.39583vw; text-transform: uppercase; position: relative; z-index: 1;}
.z_index_tit .en{font-family: AsapCondensed;font-weight: 600;color: #196CCF; margin-bottom: 5px;}
.z_index_tit .cn{color: #000000; font-weight: bold;	font-family: "NotoSansHansbold";line-height: 3vw;} 
@keyframes fzyd{
	0%{ transform: scale(1,1) rotate(0deg);}
	50%{transform: scale(.6,.6) rotate(360deg);}
	100%{transform: scale(1,1) rotate(0deg);}
}
.z_index_tit2::before{background: url(../image/fz2.png) no-repeat center;background-size: 100% auto;}
.z_index_about .bz{font-size: 18px;width: 593px;font-weight: bold;color: #000000;line-height: 30px; margin: 2.6vw 0; margin-bottom: 4.5vw;}
.z_index_about .bz em{ color: #196CCF;}
.z_index_about .desc{color: #4B4E51;
line-height: 26px; width: 33.07291vw; margin-left: auto;}
.z_index_about .conwarp{ position: relative;}
.z_index_about .z_more{ position: absolute; left: 0; bottom: 0;}
.z_about_num{ margin-top: 10vw;}
.z_about_num li{position: relative; z-index: 1; max-width: 23%;}
.z_about_num ul{ display: flex; justify-content: space-between;}
.z_about_num h3{font-size:2.91666vw;font-family: Exo2;color: #196CCF;}
.z_about_num h4{ font-weight: bold;}
.z_about_num .icon{ position: absolute; left: -0.5vw; top: -1.6vw; height: 3.22916vw; z-index: -1; margin-bottom: 10px;} 

.z_index_about{ display: flex;}
.z_index_about .fr_warp{width: 29.2%;position: relative;overflow: hidden;}
.z_index_about .fr_warp .play{ position: absolute; left: 50%;top: 50%;transform: translate(-50%,-50%); cursor: pointer; outline: none;}

.z_index_pro{ position: relative;background: #F4F4F4; overflow: hidden; min-height: 50vw;}
.z_pro_head{ padding: 5vw 8.3vw; position: absolute; left: 0; top: 0; width: 100%; z-index: 2;}
.z_index_pro .z_pro_nav{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1;}
.z_pro_nav{ display: flex; align-items: center;}
.z_pro_nav a{ display: inline-block;height: 46px;
background: #FFFFFF; margin: 0 10px; min-width: 8vw;text-align: center;
box-shadow: 0px 0px 24px 0px #D9D9D9;line-height: 46px;font-size: 16px;
border-radius: 23px; padding: 0 15px;}
.z_pro_nav a.active,.z_pro_nav a:hover{ background: #196CCF; color: #fff;}
.z_pro_nav2 a{ margin-left: 0; margin-right: 20px;}

.z_pro_swiper{ width: 70.8%;  position: relative ; background: #fff;box-shadow: 0px 10px 60px 0px #D3DBE5; height: 50vw;}
.z_pro_swiper::before{ content: ""; display: block; width: 5.72916vw; height: 100%; background: url(../image/line.png) no-repeat left center; background-size: auto 100%; position: absolute; right: -5.42916vw; top: 50%; transform: translateY(-50%); z-index: 1;}
.z_pro_swiper  li a{ display: flex; align-items: center; height: 50vw;padding-top: 5vw;transition: ease 2s; }
.z_pro_swiper li .imgbox{ width: 42%;  display: flex; align-items: center; justify-content: center;}
.z_pro_swiper li .overbox{ width: 18vw; height: 18vw;  overflow: hidden; transition: ease 1s; }
.z_pro_swiper li .imgbg:hover { transform: scale(1.1);}
.z_pro_swiper li:hover h3{ color: #196CCF;}
.z_pro_swiper  li img{ display: block; max-width: 60%; max-height: 70%;}
.z_pro_swiper li h4{color: #999999; font-size: 18px; text-align: center; margin-top: 10px;}
.z_pro_swiper  li .infobox{ width: 52%; padding: 0 8.3vw; padding-right: 4vw; box-sizing: border-box; position: absolute; left: 0; transform: translate(-100%,0%);  opacity: 0; transition: ease 1.5s; }
.z_pro_swiper li h3{font-size: 1.875vw; font-weight: bold;}
.z_pro_swiper li h3 img{ display: inline-block;height: 2vw; vertical-align: -0.3vw; margin-left: 5px;}
.z_pro_swiper li .desc{font-size: 15px;color: #7D8288;line-height: 26px; margin: 2vw 0; margin-bottom: 4vw;}
.csbar span,.z_pro_list li .csbar span{ display: inline-block; background: url(../image/gou.png) no-repeat left center; padding-left: 20px; margin-right: 2vw; margin-bottom: 10px; font-weight: bold;}
.z_pro_swiper li .z_more{ position: absolute; left: 8.3vw; bottom: -9vw; z-index: 2;}
.z_pro_swiper  li.swiper-slide-active .infobox{  transform: translate(0,0%); opacity: 1;  }
.z_pro_swiper li.swiper-slide-active a{ padding-left: 66%; }
.z_pro_swiper  li.swiper-slide-active  .overbox{ width: 25.52vw; height: 25.52vw; }
.z_pro_swiper  li.swiper-slide-active h4{ display: none;}
.z_pro_swiper .next{width: 56px;
height: 56px;
background: #196CCF;
box-shadow: 0px 2px 40px 0px rgba(23,75,137,0.3000); cursor: pointer; outline: none;
border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; position: absolute; top: 50%;  right: -26px; z-index: 3;}
.z_tab_child{ display: none;}
.z_tab_child.active{ display: block;}

.z_sc_bj{background: linear-gradient(90deg, #F4F9FF, #C5D5E8); padding: 3vw 8.3vw; box-sizing: border-box; display: flex; align-items: center;}
.z_sc_bj .fl_warp{ width: 27.08333vw;}
.z_sc_bj .fl_warp .desc{color: #4B4E51;line-height: 30px; margin: 2vw 0; margin-bottom: 2vw;font-size: 0.9vw;}
.z_addre_tab{ border-top: 1px solid #666C74;border-bottom: 1px solid #666C74; padding: 1.5vw 0;display: inline-block;}
.z_addre_tab .item{ display: none;}
.z_addre_tab .item.active{ display: block;}
.z_addre_tab h3{color: #010101; font-size: 1.25vw; font-weight: bold; margin:0.5vw 0;width: 50%;float: left;}
.z_addre_tab pre{color: #4B4E51;line-height: 28px;}
.z_sc_bj .z_more{ margin-top: 3vw;}
.z_map{ margin-left: auto; width: 48.28125vw; position: relative;}
.z_map img{ display: block; width: 100%;}
.z_dot{width: 6px;height: 6px;background: #ee0a0a;border-radius: 50%; position: absolute;z-index: 1; cursor: pointer; transition: ease 1s;}
.z_dot::before{content: '';display: block;width: 100%;height: 100%;background: #ee0a0a;opacity: 0.5;position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;animation: consult linear 2s infinite}
  @keyframes consult{
  	0%,100%{transform:scale(1);border-radius: 50%;}
  	50%{transform:scale(3);}	
  } 
 @keyframes consult2{
  	0%,100%{transform:scale(1);border-radius: 50%;}
  	50%{transform:scale(1.8);}	
  } 
.z_dot::after{ content: ""; display: block; width: 100%; height: 100%; background: url(../image/dz.png) no-repeat center; background-size: auto 100%; position: absolute; left: 0; top: 0; opacity: 0; transition: ease .5s;}
.z_dot.active{ transform: scale(6,6);}
.z_dot.active::after{ opacity: 1;}
.z_dot.active::before{animation: consult2 linear 2s infinite}
.z_dot1{ left: 77%; top: 47%;}
.z_dot2{ left: 43%; top: 58%;}
.z_dot3{ left: 48%; top: 59.2%;}
.z_dot4{ left: 50%; top: 49%;}
.z_dot5{ left: 56%; top: 49%;}
.z_dot6{ left: 58%; top: 56%;}
.z_dot7{ left: 56%; top: 63%;}
.z_dot8{ left: 57%; top: 75%;}
.z_dot9{ left: 66%; top: 67%;}
.z_dot10{ left: 70.5%; top: 53%;}
.z_dot11{ left: 63%; top: 43%;}
.z_dot12{ left: 60.5%; top: 33%;}
.z_dot13{ left: 62%; top: 34%;}

.z_index_news{ padding: 0 8.3vw; box-sizing: border-box; padding-bottom: 8vw;}
.z_news_heads{ padding-top: 4vw; padding-bottom: 2vw;display: flex; justify-content: space-between; align-items: center;}
.z_swiper_btn span{  overflow: hidden; display: inline-block;
transition: ease 1s; cursor: pointer; outline: none;
border-radius: 50%; text-align: center;  position: relative; font-weight: bold; margin-left: 10px; color: #196CCF; }
.z_swiper_btn .iconfont{border: 2px solid #DAE2EF; display: inline-block;width: 50px;
height: 50px;line-height: 50px;border-radius: 50%;transition: ease 1s;}
.z_swiper_btn span::after{ content: ""; display: block; width: 110%; height: 0; position: absolute; left: -5%; bottom: 0; background:  #196CCF; position: absolute; left: 0; bottom: 0; transition: ease 1s;} 
.z_swiper_btn span:hover::after{ height: 100%;}
.z_swiper_btn span:hover .iconfont{ color: #fff; border-color: #196CCF;}

.z_news_swiper{ overflow: hidden; position: relative;}
.z_news_swiper::before{content: "";  display: block; width:100%; height: 2px; background: #DCE3F0; transition: ease 1s; position: absolute; left: 0; top: 0px;}
.z_news_swiper li{width: auto; margin-right: 2vw; position: relative; overflow: hidden;}
.z_news_swiper li::before{ content: ""; display: block; width:0; height: 2px; background: #196CCF; transition: ease 1s; position: absolute; left: 0; top: 0px;z-index: 2;}
.z_news_swiper li .time{font-size: 16px;color: #000000; padding: 10px 0; margin-bottom: 15px;}
.z_news_swiper li .imgbox{ border-radius: 8px; position: relative; width: 19.27083vw; min-height: 270px; display: flex;align-items: flex-start;justify-content: center; overflow: hidden; flex-shrink: 0;} 
.z_news_swiper li .imgbox::before{ content: ""; display: block; width: 100%; height: 100%; background: url(../image/mask.png) no-repeat bottom center; background-size: cover; position: absolute; left: 0; top: 0; z-index: 1;}
.z_news_swiper li img{ display: block; width: 100%; transition: ease 1s;}
.z_news_swiper li:hover img{ transform: scale(1.05,1.05);}
.z_news_swiper li h3{ position: absolute; left: 0; bottom: 20px; z-index: 2; height: 28px; text-align: center; color: #fff; text-align: center; width: 100%; padding: 0 10px; box-sizing: border-box; transition: ease 1s;}
.z_news_swiper li .conwarp{ display: flex; }
/* .z_news_swiper li.swiper-slide-active{ width: 40.36458vw;} */
.z_news_swiper li .infobox{ width: 0;opacity: 0;  transition: ease 1.4s; overflow: hidden;  position: relative; }
.z_news_swiper li .infobox .con{ position: absolute; left: 0; top: 0; width: 18.95833vw; height: 100%;}
.z_news_swiper li .slg{min-width: 80px;padding: 0 10px;height: 28px; line-height: 28px; color: #fff; background: #196CCF;border-radius: 4px; display: inline-block;}
.z_news_swiper li .tit{font-size: 18px;font-weight: 500;color: #000000;line-height: 28px; overflow: hidden; font-weight: bold; margin: 20px 0;    -webkit-line-clamp: 1;}
.z_news_swiper li .desc{color: #888888;line-height: 20px}
.z_cir_more{display:flex;align-items: center; justify-content: center;width:6.77083vw;height: 6.77083vw; text-align: center;  position: relative;border: 1px solid #D8DDE8;border-radius: 50%;}
.z_cir_more::before{ content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; background: #196CCF; transition: ease 1s; position: absolute; left: 0;top: 0; transform: scale(0,0);}
.z_cir_more .iconfont{ display: inline-block; color: #196CCF;}
.z_cir_more:hover::before{ transform: scale(1,1);}
.z_cir_more:hover,.z_cir_more:hover .iconfont{ color: #fff;}
.z_news_swiper li .z_cir_more{ position: absolute; left: 0; bottom: 0; width: 5vw;height: 5vw;}
.z_news_swiper li:hover .tit{ color: #196CCF;}
.z_news_swiper li.active .infobox{ width: 18.95833vw; height: auto; opacity: 1;margin-left: 2vw;}
.z_news_swiper li.active::before{ width: 19.27083vw;}
.z_news_swiper li.active .imgbox h3{ opacity: 0;}
.z_index_join{  position: relative;}
.z_index_join .fl_warp{ width:37.5vw;background: linear-gradient(90deg, #F4F9FF, #C5D5E8); min-height: 46.875vw; display: flex; align-items: center; padding: 0 8.3vw; padding-right: 5vw; box-sizing: border-box;}
.z_index_join .desc{font-size: 14px;font-weight: 400;color: #767E89;line-height: 28px; margin: 2.5vw 0; margin-bottom: 4vw;}
.z_btn_warp a{display: inline-block; min-width: 126px;
height: 44px; color:#196CCF; margin-right: 1vw;padding: 0 15px; margin-bottom: 1vw;
border: 1px solid #196CCF; font-size: 15px;
border-radius: 22px; display: inline-block; text-align: center; line-height: 42px; }
.z_btn_warp a:hover{ color: #fff; background:#196CCF ;}
.z_news_swiper li:last-child{ margin-right: 0;}
.z_hz_head{ display: flex; align-items: center; padding: 0 8.3vw; height: 10vw;justify-content: space-between;}
.z_hz_head .z_index_tit .cn{ font-size: 2.2vw;}
.z_hz_head .z_index_tit .en{ margin-bottom: 0;}
.z_hz_swiper{ overflow: hidden;}
.z_hz_swiper li{ border: 1px solid #dfe4ec; border-left: none; box-sizing: border-box; margin-right: -1px; margin-bottom: -1px;}
.z_hz_swiper li a{ display: block; height: 12vw; display: flex; align-items: center; justify-content: center; padding: 2vw; box-sizing: border-box;}
.z_hz_swiper li img{  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; display: block; max-height: 100%; transition: ease .2s;}
.z_hz_swiper li:hover img{-webkit-filter: grayscale(0%); transform: scale(1.05,1.05);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);}

.z_footer{background: linear-gradient(0deg, #252C35 0%, #373C43 100%); padding: 0 8.3vw;padding-bottom: 1vw; box-sizing: border-box; position: relative;}
.z_footer_top{ padding: 7vw 0;}
.z_footer_top .fl_warp{ width: 30%;}
.z_footer_logo img{ display: block; height: 30px;}
.z_footer_desc{font-size: 15px;font-weight: 300;color: #FFFFFF;line-height: 32px; margin:2vw 0;}
.z_footer_desc p{ display: flex; }
.z_footer_desc p span{ flex-shrink: 0;}
.z_footer_share a{ display: inline-block;width: 44px; position: relative;
height: 44px; cursor: pointer;
background:rgba(255,255,255,.1); text-align: center; line-height: 44px;
border-radius: 22px; color: #fff; font-size: 20px!important; margin-right: 10px;}
.z_footer_share a:hover{ background: #196CCF;}
.z_code{ width: 80px; height: 80px; background: #fff; padding: 5px; box-sizing: border-box; position: absolute; left: 50%; bottom: 50px; transform: translateX(-50%); opacity: 0; transition: ease 1s;}
.z_code img{ display: block; width: 100%;}
.z_footer_share a:hover .z_code{ opacity: 1;}
.z_footer_nav li:first-child{ margin-left: 0;}
.z_footer_nav li{ display: inline-block; vertical-align: top; margin-left: 4vw;}
.z_footer_nav li a{ display: block; color: #fff;}
.z_footer_nav li .one{ font-size: 20px; margin-bottom: 1vw;}
.z_footer_nav li .down a{line-height: 40px;}
.z_footer_nav li a:hover{ color: #196CCF;}
.z_footer_btm{ padding: 1.5vw 0; border-top: 1px solid rgba(255,255,255,.2); color: #93979b;}
.z_footer_btm a{color: #93979b;}
.z_footer_a a{ display: inline-block;padding: 0 10px;}
.z_footer_a a:hover{ color: #fff;}

.z_footer::before{ content: ""; display: block; width: 0%; height: 4px;
background: linear-gradient(90deg, #196CCF 0%, #4D96ED 100%); transition: ease 2s; position: absolute; left: 0; top: 0;z-index: 1;}
.z_footer.animated::before{ width: 100%;}

.z_other_banner{ position: relative;  margin-top: 6.25vw; }
.z_other_banner .img{ display: block; width: 100%;}
.z_other_text{ position: absolute; left: 0; top: 45%; width: 100%; transform: translateY(-50%); padding: 0 8.3vw; box-sizing: border-box;}
.z_other_text .enimg img{ display: block; height: 3.22916vw;}
.z_other_text h3{font-size: 3.125vw;font-weight:bold;color: #FFFFFF;line-height: 3vw; margin-top: -1vw;}
.z_other_text .sb{width: 103px; height: 27px; background: url(../image/xl.png) no-repeat center; background-size: auto 100%; margin-top: 4vw;}

.z_page_bar{ position: absolute; display: flex;justify-content: space-between;align-items: center; left: 0; bottom: 0; width: 100%; padding: 0 8.3vw; background: rgba(0,0,0,.5); z-index: 1;  color: #fff;}
.z_page_bar a{ color: #fff;}
.z_page_wz{ position: relative; line-height: 20px; height: 20px; border-left: 3px solid #fff; padding-left: 10px;}
.z_page_nav{height: 4.16666vw; line-height: 4.16666vw;}
.z_page_nav li{ float: left; margin-left: 4vw; position: relative;}
.z_page_nav li::before{content: ''; display: block; width: 0; position: absolute; left: 50%; bottom: 0; height: 2px; background: #fff; transition: ease 1s;}
.z_page_nav li.cur::before,.z_page_nav li:hover::before{ width: 100%; left: 0;}
.z_page_nav li a{ display: block;} 

.z_about_jj{ padding: 7.5vw 14.58333vw; box-sizing: border-box;align-items: flex-start; position: relative;}
.z_about_jj .slg{ position: absolute; left: 0; bottom: 0;}
.z_about_jj .slg img{ display: block; height: 7.5vw;}
.z_other_tit{ flex-shrink: 0;}
.z_other_tit h3{ font-size: 3.125vw; font-weight: bold; color: #000;line-height: 3vw;}
.z_other_tit h4{ font-size: 18px; color: #888888; margin-top: 10px; font-weight: bold;}
.z_about_jj .conwarp{ width:35.41666vw; margin-left: auto; border-top: 2px solid #C3CCDC; padding: 1.5vw 0;}
.z_about_jj .conwarp .desc{font-size: 16px;color: #444444;line-height: 30px;}
.z_about_jj .conwarp .z_more{ margin-top: 3vw;}

.z_about_warp{background: #EFF5FB;padding: 7vw 8.3vw; }
.z_about_num2{margin-bottom: 7vw; }
.z_about_num2 ul{ display: flex; justify-content: center;}
.z_about_num2 li{ display: flex;align-items: flex-start; margin: 0 1.5vw;}
.z_about_num2 li .icon{ flex-shrink: 0; display: block; margin-right: 1.5vw;}
.z_about_num2 li h3{font-size: 2.91666vw;font-family: Exo2;font-weight: bold;color: #196CCF;line-height:2.6vw;}
.z_about_num2 li em{ display: inline-block; margin-right: 10px;}
.z_about_num2 li h4{color: #444444;
line-height: 28px; font-size: 16px; width: 12.5vw; border-top: 1px solid #C3CCDC; padding-top: 1vw; margin-top: 1vw;}

.z_about_video{ width: 100%; border-radius: 24px; height: 37.5vw; overflow: hidden; position: relative; z-index: 1;}
/* .z_about_video::before{ content: ""; display: block; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,.4); position: absolute; left: 0; top: 0;} */
.z_about_video .z_play{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; cursor: pointer; text-align: center;}
.z_about_video .z_play img{ display: block; height: 5.2vw; margin: 0 auto;}
.z_about_video .z_play span{ font-size: 18px;font-family: AsapCondensed;font-weight: 600;text-decoration: underline;color: #FFFFFF; text-transform: uppercase;display: block; margin-top: 10px;}
.z_about_nl{ position: relative;}
.z_ln_swiper{ width: 100%;height: 40.83333vw; overflow: hidden;}
.z_ln_swiper li{ position: relative;display: flex; align-items: center; color: #fff; padding: 0 8.3vw; box-sizing: border-box; }
.z_ln_swiper li .imgbg{ position: absolute; left: 0; top: 0; z-index: -1;}
.z_ln_swiper li h3{ font-size: 2.6vw;line-height: 2.6vw; font-weight: bold;}
.z_ln_swiper li h4{line-height: 28px; font-size: 16px; margin: 3vw 0; width: 30vw;}
.z_ln_swiper .z_swiper_btn .iconfont{  border: none; z-index: 1;}
.z_ln_swiper .z_swiper_btn .cir{ margin-left: 0; margin-right: 1vw;background: #fff; transition: ease .6s;}
.z_ln_swiper .z_swiper_btn .cir:hover{ background: none;}
.z_nl_icon{width: 83.33333vw; position: absolute; left: 50%; transform: translate(-50%); z-index: 2; bottom: 0;background: rgba(255,255,255,.9);border-radius: 20px 20px 0px 0px;}
.z_nl_icon ul{ display: flex; height: 8.3vw; align-items: center;}
.z_nl_icon li{ flex: 1; text-align: center; cursor: pointer; }
.z_nl_icon li .icon{ height: 40px; width: 40px;overflow: hidden; margin: 0 auto; margin-bottom: 10px;}
.z_nl_icon li .icon img{ display: block; margin: 0 auto;filter: drop-shadow( 0px 40px 0 #000); transition: ease .5s;}
.z_nl_icon li.active .icon img{ transform: translateY(-40px);}
.z_nl_icon li h3{ font-size: 16px;color: #95A0AD;}
.z_nl_icon li.active h3{color: #000000;}

.z_about_process{ padding: 6.25vw 0; padding-left: 8.3vw; box-sizing: border-box;}
.z_process_warp{ display: flex; align-items: flex-start;}
.z_process_year{font-size:13.54166vw;font-family: Exo2;line-height: 13vw; color: #CED3DC; margin-top: 8vw; position: relative; }
.z_process_year::before{ content: ""; display: block; width: 20vw; height: 20vw; background: url(../image/cir.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 38%; top: 50%; transform: translateY(-50%); animation: rog 20s linear infinite;}
.z_process_year em{ color: #196CCF;}
.z_process_fr{ width: 50vw; margin-left: auto; padding-right: 5vw; box-sizing: border-box;}
.z_process_con{ overflow-y: auto; max-height: 38vw; padding-right: 5vw;}
.z_process_con .item:first-child{border-top: 2px solid  #CFD6E1;}
.z_process_con .item{ padding: 1.5vw 0; border-bottom: 2px solid  #CFD6E1;}
.z_process_con .year{font-size: 24px;
font-family: Exo2; margin-bottom: 1vw;}
.z_process_con li,.z_process_con p{ display: flex;align-items: flex-start;font-size: 16px;line-height: 32px; color: #666666;}
.z_process_con li span,.z_process_con p strong{font-family: Exo2;color: #000000; display: inline-block; margin-right: 10px;}
.z_process_con li:hover,.z_process_con li:hover span,.z_process_con p:hover strong,.z_process_con p:hover{ color: #196CCF;}
@keyframes rog{
	0%{ transform: translateY(-50%) rotate(0deg);}
	100%{transform: translateY(-50%) rotate(360deg);}
}
.z_process_fr .z_more{ margin-top: 3vw;}

.z_about_honor{background: #F4F8FC; padding: 6vw 8.3vw;box-sizing: border-box;}
.z_about_honor .z_pro_nav{ position: relative; top: auto; transform: translate(0); left: auto; margin-left: auto; flex-shrink: 0;}
.z_about_honor .z_pro_nav a{min-width: 7vw; text-align: center;}
.z_honor_head{ margin-bottom: 4vw;}
.z_honor_head .z_other_tit{ width: 60%;}
.z_honor_swiper{ overflow: hidden;}
.z_honor_warp{ position: relative;}
.z_honor_warp .iconfont{width: 46px;
height: 46px;
background: #FFFFFF;
box-shadow: 0px 2px 8px 0px rgba(133,162,192,0.4);
border-radius: 50%;line-height: 46px; color: #196CCF; text-align: center; cursor: pointer;outline: none; transition: ease 1s; position: absolute; top: calc(50% - 30px); transform: translateY(-50%);}
.z_honor_warp .iconfont:hover{ background: #196CCF; color: #fff;}
.z_honor_warp .prev{ left: -88px;}
.z_honor_warp .next{ right: -88px;}
.z_honor_swiper .img{ background: #EFF5FB;
border: 2px solid #D7E2EE; height: 17.70833vw; display:flex;align-items: center; justify-content: center; padding: 2vw;box-sizing: border-box;
border-radius: 8px;}
.z_honor_swiper .img img{ display: block; max-height: 100%;}
.z_honor_swiper h3{ text-align: center;font-size: 16px; margin-top: 15px;}
.z_honor_swiper li .img{ position: relative;}
.z_honor_swiper li .img::before{ content: ""; display: block; width: 100%; height: 100%; background: url(../image/mask2.png) no-repeat bottom center; background-size: 100% auto; position: absolute; left: 0; bottom: 0; z-index: 1; transition: ease 1s; opacity: 0; pointer-events: none;}
.z_honor_swiper li:hover .img::before{ opacity: 1;}

.z_about_hz{ padding: 6vw 8.3vw; box-sizing: border-box;}
.z_hz_logo{ margin-top: 4vw;}
.z_hz_logo ul{ margin-left: -6.6%;}
.z_hz_logo li{ width: 10%; margin-left: 6.6%; float: left; margin-bottom: 2vw;}
.z_hz_logo li a{ display: flex;align-items: center; height: 5vw; justify-content: center;}
.z_hz_logo li img{ display: block; max-height: 100%;}

.z_pro_page{ padding: 5.2vw 0; background: #eff5fb;}
.z_pro_page .z-container{ width:70.83333vw;}
.z_line{ margin: 1.8vw 0;width: 100%; height: 2px;
background: #C3CCDC;}
.z_open_text{ display: none;}
.z_pro_list li{ background: #fff; margin-top: 2vw; padding: 4vw; padding-right: 7vw; box-sizing: border-box;}
.z_pro_list li a{ display: flex; align-items: center;flex-direction: row-reverse;}
.z_pro_list li .infobox{ width: 49%; margin-right: auto;}
.z_pro_list li h3{font-size: 2.08vw; font-weight: bold; line-height: 2.4vw;}
.z_pro_list li h3 img{ max-height: 2vw;vertical-align: -4px;}
.z_pro_list li .desc{font-size: 16px;font-weight: 400;color: #7D8288;line-height: 26px; margin: 2.6vw 0; text-align: justify;}
.z_pro_list li .z_more{ margin-top: 4vw;}
.z_pro_list li .overbox{ width: 20.8vw; height: 20.8vw; border-radius: 50%; overflow: hidden;  overflow: hidden;}
.z_pro_list li:hover .imgbg{ transform: scale(1.1,1.1);}
.z_pro_list li:hover h3{ color: #196CCF;}

.z_xl_bar{ display: flex; align-items: center; justify-content: center;background: #196CCF; height: 80px; margin-top: 2vw; color: #fff;font-family: Exo2; font-size: 16px; cursor: pointer;}
.z_xl_bar .iconfont{ width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; background: #fff; color: #196ccf; display: inline-block; margin-right: 10px; font-weight: bold;}
.z_xq_page{ padding: 7vw 12vw; box-sizing: border-box;}
.z_xq_swiper{ width: 35.41666vw; overflow: hidden; float: left;}
.z_xq_swiper .bd li{ height: 27.08333vw; display: flex; align-items: center; justify-content: center;border-radius: 18px; overflow: hidden;}
.z_xq_hd{ text-align: center; margin-top: 30px;}
.z_xq_hd li{ display: inline-block;width: 8px;height: 8px;background: #196CCF;opacity: 0.3;border-radius: 50%; margin: 0 8px; cursor: pointer;}
.z_xq_hd li.on{ opacity: 1;}
.z_xq_info{ float: right; width: 35.41666vw;}
.z_xq_info h3{ font-size: 2.6vw; font-weight: bold; line-height: 3vw;}
.z_xq_info h3 img{ display: inline-block; max-height: 2.6vw; margin-right: 5px;    vertical-align: -4px;}
.z_xq_info h4{color: #888888; font-size: 18px; margin-top: 10px;}
.z_xq_info .desc{font-size: 16px;font-weight: 400;min-height: 17vw; color: #444444;line-height: 28px; padding: 1.5vw 0; border-top: 1px solid #000; margin-top: 1.5vw;}

.z_tab_nav{ border-bottom: 1px solid #E1E8F4; margin-top: 4vw;}
.z_tab_nav li{ float: left; padding-bottom: 30px;font-size: 16px;cursor: pointer; font-weight: bold; margin-right: 5vw; position: relative}
.z_tab_nav li::before{ content: ""; display: block; z-index: 1; width: 0; height: 2px; background: #196CCF; position: absolute; left: 50%; bottom: 0;} 
.z_tab_nav li.active::before{ width: 100%; left: 0;}

.z_pro_child{border-radius: 12px 12px; overflow: hidden; margin-top: 40px;}
.z_pro_child .titbox{ height: 4.16vw; padding: 0 2vw; font-weight: bold; font-size:1.45833vw; display: flex;align-items: center;background: #EDF2FA;}
.z_pro_child .conwarp{border: 2px solid #E1E8F4; border-top: none; padding: 2vw 2.5vw; box-sizing: border-box;overflow: hidden;border-radius:0 0 12px 12px; }
.z_pro_video{ height: 33.33333vw;}
.z_pro_img img{ max-width: 100%!important;height: auto!important;}
.z_wenda_list li h3{font-size: 18px;font-weight: bold;color: #000000;line-height: 30px; margin-bottom: 1vw;}
.z_wenda_list li .desc{color: #555555;
line-height: 28px; font-size: 16px;}
.z_wenda_list li .desc em{color: #196CCF;}
.z_wenda_list li{ margin-bottom: 2vw;}
.z_wenda_list li:last-child{ margin-bottom: 0;}
.z_back{ display: flex; align-items: center; justify-content: center; margin-top: 2.6vw; text-align: center; }
.z_back img{ display: block; height: 5.2vw; margin: 0 auto;}
.z_back h3{color: #196CCF; margin-top: 15px;font-size: 16px;}

.z_news_page{ padding: 5vw 8.3vw; box-sizing: border-box;}
.z_news_list ul{ margin-left: -2%; margin-top: 4vw;}
.z_news_list li{ width: 23%; float: left; margin-left: 2%; border-top: 2px solid #DFE4E7; position: relative; margin-bottom: 3vw;}
.z_news_list li::before{ content: ""; display: block; width: 0; height: 2px; position: absolute; left: 0; top: -2px; z-index: 2; background: #196CCF; transition: ease 1s;}
.z_news_list li:hover::before{ width: 100%;}
.z_news_list li .time{ padding: 15px 0;font-size: 16px;font-family: Exo2; color: #000;}
.z_news_list li .imgbox{ position: relative; border-radius:8px;overflow: hidden;position: relative ;}
.z_news_list li .imgbox::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: url(../image/mask3.png) no-repeat bottom center; background-size: 100% auto;z-index: 1;}
.z_news_list li img{ display: block; width: 100%; transition: ease 1s;}
.z_news_list li h3{ position: absolute; left: 0; bottom: 1.5vw; z-index: 2; transition: ease 1s; font-size: 16px; width: 100%; padding:0 1.5vw;box-sizing: border-box; color: #fff;}
.z_news_list li .maskbox{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;z-index: 3; background: rgba(25, 108, 207, .9); padding: 1.6vw; box-sizing: border-box; color: #fff; transition: ease 1s; opacity: 0;  }
.z_news_list li .tit{font-size: 16px;}
.z_news_list li .desc{font-size: 13px;font-weight: 400;color: #FFFFFF;line-height: 20px; margin: 1vw 0;}
.z_news_list li .iconfont{width: 32px;height: 32px;background: #FFFFFF;border-radius: 50%; display: block; text-align: center; line-height: 32px; position: absolute; left: 1.5vw;bottom: 1.5vw; color: #196CCF; font-size: 12px; font-weight: bold;}
.z_news_list li:hover .maskbox{ opacity: 1;}
.z_news_list li:hover img{ transform: scale(1.1,1.1);}
.z_news_list li:hover h3{ opacity: 0;}
.z_scroll{ display: flex; align-items: center; justify-content: center;}

.z_xq_banner{ height: 26vw; display: flex;align-items: center; justify-content: center; overflow: hidden;}
.z_xq_banner img{ max-width: none;}

.z_newsxq_page{ padding: 4.5vw 0;}
.z_news_head{ padding: 4vw 0; display: flex; justify-content: space-between; align-items: center;}
.z_news_xq{ width: 1200px; margin: 0 auto; }
.z_xq_slg span{min-width: 90px; padding: 0 10px; display: inline-block;height: 36px; text-align: center; line-height: 36px;background: rgba(184, 30, 40, .2);border-radius: 18px; margin-right: 10px;}
.z_xq_slg span:nth-child(even){ background: rgba(243, 134, 36, .3);}
.z_news_tit{ font-size: 2.08vw; font-weight: bold; margin-bottom: 1.5vw; margin-top: 10px;}
.z_news_bar{ border-bottom: 1px solid #DDDDDD;border-top: 1px solid #DDDDDD; }
.z_news_bar ul{ display: flex; } 
.z_news_bar li{ flex: 1; border-right: 1px solid #DDDDDD; height: 70px; display: flex; align-items: center; font-weight: bold; padding: 0 2vw; box-sizing: border-box;}
.z_news_bar li:last-child{ border-right: none;}
.z_share a{ display: inline-block; color: #BBBBBB; display: inline-block; margin-left: 10px; cursor: pointer; }
.z_share .iconfont{ font-size: 24px;}
.z_share a:hover{ color: #196CCF;}
.z_news_con{font-size: 16px;color: #000000;line-height: 26px;padding: 2.6vw 0;}
.z_news_con iframe{ width: 100%!important;}
.z_news_con img{ max-width: 100%!important; height: auto!important;}
.z_fanye_bar{ display: flex; justify-content: space-between; padding: 30px 0; border-top: 1px solid #E7E5E2; margin-top: 30px;}
.z_fanye_bar a{font-size: 16px; font-weight: bold;}
.z_fanye_bar a:hover{ color:#196CCF;}
.z_xg_news{background: #EFF5FB; padding-bottom: 8vw; overflow: hidden;}
.z_xg_news .z-container{ width: 1200px;}
.z_xg_news .z_other_tit h3{font-size: 2.6vw;}
.z_news_swiper2{ overflow: hidden;}
.z_news_swiper2 ul{ margin: 0; }
.z_news_swiper2 li{ margin: 0;}


.z_zx_warp{ display: flex;align-items: center;}
.z_zx_warp .infobox,.z_zx_warp .imgbox{ width: 50%;}
.z_zx_warp .imgbox{ height: 37.5vw;}
.z_zx_warp .infobox{ padding-left: 8.3vw;padding-right: 6.25vw;}
.z_yg_tit{ font-size: 2.4vw; font-weight: bold;}
.z_zx_warp .infobox .desc{font-size: 16px;font-weight: 400;color: #888888;line-height: 28px; margin: 2vw 0; min-height: 106px;}
.z_sub_a a{ display: inline-block;height: 50px; 
border: 1px solid #D4DEE8; margin-right: 1vw;
border-radius: 25px; padding: 0 1vw; text-align: center; line-height: 48px; color: #196CCF;}
.z_sub_a a .iconfont{ font-size: 12px; display: inline-block; margin-left: 5px; vertical-align: middle; font-weight: bold;}
.z_sub_a a:hover{ background: #196CCF!important; border-color: #196CCF; color: #fff;}

.z_yg_warp{ padding: 7vw 8.3vw; box-sizing: border-box;background: #EFF5FB;}
.z_yg_list li{ width: 24.3%; float: left; margin-left: 0.7%;}
.z_yg_list ul{ margin-left: -0.7%; margin-top: 3.5vw;}
.z_yg_list li .imgbox{height: 14.58333vw;border-radius: 8px; overflow: hidden; position: relative;}
.z_yg_list li .imgbox::before{ content: ""; z-index: 1; pointer-events: none; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.16); position: absolute; left: 0; top: 0;}
.z_yg_list li .iconfont{ font-size: 12px;width: 20px;
height: 20px;
background: #9FA8BC; transition: ease 1s; 
border-radius: 50%; display: inline-block; line-height: 20px; text-align: center; color: #fff; margin-left: 5px;}
.z_yg_list li h3{font-size: 16px; display: flex;align-items: center;transition: ease 1s; margin-top: 20px;}
.z_yg_list li:hover .iconfont{ background: #196CCF;}
.z_yg_list li:hover h3{ color: #196CCF;}
.z_yg_list li:hover h3 span{text-decoration: underline;}
.z_yg_list li:hover .imgbg{ transform: scale(1.1,1.1);}

.z_zpgo_warp{ position: relative; height: 37.5vw; display: flex; align-items: center; justify-content: center; text-align: center;}
.z_zpgo_warp .lazy{ z-index: -2;}
.z_zpgo_warp::before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.3); position: absolute; left: 0; top: 0;}
.z_zpgo_warp .z_sub_a a{ background: #fff; margin: 0 10px; font-size: 18px; min-width: 160px;}
.z_zpgo_warp .z_sub_a{ margin-top: 2.6vw;}

.z_zp_page{ background: #eff5fb; padding: 5vw 0;}

.z_zp_warp{ width: 1400px; margin: 0 auto; background: #fff; margin-top: 3vw; border-top: 3px solid #444444; margin-bottom: 3vw;}
.z_zp_search{ padding: 0 40px; box-sizing: border-box; border-bottom: 1px solid #CCCCCC;}
.z_zp_search .sou{ width: 80px; color:#196CCF; text-align: center;display: inline-block; border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
.z_zp_search .sou .iconfont{font-size: 22px; font-weight: bold; }
.z_zp_search .text{ width: 100%; padding: 0 30px; box-sizing: border-box; height: 80px;}
.z_zp_class{ padding: 0 40px; box-sizing: border-box; }
.z_zp_class .tit{color: #888888;font-size: 16px;}
.z_zp_class .tit em{ color: #196CCF;}
.z_zp_class li{ padding: 0 35px; color: #333; box-sizing: border-box; background: url(../image/arr2.png) no-repeat right 35px center; font-size: 16px; position: relative;}
.z_zp_class li .sel{ min-width: 130px; height: 70px; cursor: pointer;font-size: 16px;}
.z_zp_class li::before{ content: ""; display: block; width: 1px; height: 24px;
background: #CCCCCC; position: absolute; right: 0;top: 50%; transform: translateY(-50%); z-index: 1;}
.z_zp_class li .icon-dizhi{ color: #196CCF; display: inline-block;margin-right: 5px; font-size: 18px; margin-top: -2px;}
.z_job_list .titbar ,.z_job_tit{ display: flex; align-items: center; height: 70px; padding: 0 80px; padding-right: 20px; box-sizing: border-box;}
.z_job_list .titbar span,.z_job_tit span{ flex: 1;font-size: 16px;}
.z_job_tit{ background:#196CCF; color: #fff;}
.z_job_list .titbar{border-bottom: 1px solid #cccccc; cursor: pointer;} 
.z_job_list .content{ padding: 40px 80px; box-sizing: border-box;display: none; font-weight: 400;color: #000000;line-height: 28px;border-bottom: 1px solid #cccccc;}
.z_job_list .send{ margin-top: 40px;color: #222222;}
.z_job_list .send a{ color: #196CCF;}
.z_job_list .titbar.on{background: #E8F0F8;color: #196CCF;}
.mr{ margin-left: auto;}
.aply_btn{width: 120px;
height: 44px; cursor: pointer;
background: #6F7277;color: #fff;
border-radius: 22px; display: flex; align-items: center; justify-content: center; margin-top: 3vw;}
.aply_btn img{ margin-left: 10px;}
.aply_btn:hover{ background: #196CCF; border-color: #196CCF; color: #fff;}

.aply_pop{ width: 560px; height: 280px; background: #fff;border-radius: 3px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);box-shadow: 7px 0 46px rgba(0,0,0,.2); text-align: center; padding: 10px;box-sizing: border-box; display: none;z-index:999;}
.aply_pop h3{ height: 66px; line-height: 66px; text-align: center; border-bottom:1px solid #cccccc; margin-bottom: 25px; font-size: 24px;}
.aply_pop .uploadbtn{ display: inline-block; width: 100px; height: 33x; text-align: center;line-height: 33px; color: #333; color: #fff; border-radius: 4px; background: #196CCF; position: relative;overflow: hidden;}
.aply_pop .uploadbtn input{ position: absolute; left: 0; bottom: 0; top: 0;right: 0; opacity: 0;}
.aply_pop p{ color: #7f7f7f; margin-top:10px; margin-bottom: 40px;}
.aply_pop .btn_group span{ display: inline-block; cursor: pointer; width: 100px; height: 33px; background: #c6c6c6; border:none; color: #fff; border-radius: 3px;line-height:33px;}
.aply_pop .btn_group .surebtn{ background: #196CCF;}
.aply_pop .closebtn{ width: 27px; height: 27px;background: url(https://www.biomedart.cn/style/img/close.png) no-repeat center; background-size: 100% 100%; position: absolute; right: 15px; top: 15px; cursor: pointer;}

.z_list_page{ padding: 5vw 8.3vw; box-sizing: border-box; background: #eff5fb;}
.z_list_page .z_other_tit{ margin-bottom: 3.5vw;}

.z_rencai_list ul{margin-left: -2%;}
.z_rencai_list li{ width: 31.3%; float: left; margin-left: 2%; margin-bottom: 2vw;}
.z_rencai_list li .imgbox{ height: 16.66666vw;border-radius: 16px 16px 0px 0px; overflow: hidden; position: relative;}
.z_rencai_list li .imgbox::before{ content: ""; display: block; width: 100%; height: 100%;  background: rgba(0,0,0,.3); position: absolute; left: 0; top: 0; z-index: 1;pointer-events: none;}
.z_rencai_list li .num{height: 40px;
background: #196CCF;line-height: 40px; font-size: 16px;
border-radius: 4px; display: inline-block; padding: 0 15px; position: absolute; left: 10px; bottom: 10px; z-index: 2;color: #fff;}
.z_rencai_list li .num em{ display: inline-block; width: 22px; height: 18px; background: url(../image/icon3.png) no-repeat center; background-size:100% auto;vertical-align:-3px; margin-right: 5px;}
.z_rencai_list li .infobox{ background: #FFFFFF;
border-radius:0 0 16px 16px; padding:1vw 1.5vw; box-sizing: border-box;}
.z_rencai_list li h3{line-height: 28px; font-size: 16px; margin-bottom: 1vw;}
.z_rencai_list li .time{ color:#8799AE; display: flex;align-items: center}
.z_rencai_list li .iconfont{ margin-right: 5px;}
.z_rencai_list li:hover .imgbg{ transform: scale(1.1,1.1);}
.z_rencai_list li:hover h3{ color: #196CCF;}
.font48{ font-size: 2.5vw!important;line-height: 2.5vw!important;}
.z_other_tit .z_desc_w{color: #888888;line-height: 28px; font-size: 16px; width: 1040px; margin: 0 auto; margin-top: 2.6vw;}
.z_rcxq_list ul{ margin-left: -1.3%; margin-bottom: 4vw;}
.z_rcxq_list li{ width: 23.7%; float: left; margin-left: 1.3%; margin-bottom: 25px; overflow: hidden;}
.z_rcxq_list li img{ display: block; width: 100%; transition: ease 1s;}
.z_rcxq_list li:hover img{ transform: scale(1.05,1.05);}


.z_rcdeatil_page{ padding: 6vw 0;}
.z_rcdeatil_page .content{ width: 1200px; margin: 0 auto; margin-top: 3.5vw;font-size: 16px;
color: #666666;
line-height: 26px;}
.z_rcdeatil_page .content img{ max-width: 100%!important; height: auto!important;}
.z_contact_warp{ padding: 5vw 0;}
.z_contact_li{ margin: 2.6vw 0; border-top: 2px solid #D6DDE9;}
.z_contact_li li{ width: 33.3%; float: left; border-bottom: 2px solid #D6DDE9; font-weight: bold; display: flex; align-items: center; padding: 1vw 0;font-size: 16px;}
.z_contact_li li img{ margin-right: 10px;}


.z_contact_ly{ padding: 5vw 0;}
.z_form{width: 1260px; margin: 0 auto; margin-top: 3.5vw; }
.z_form ul{ display: flex; justify-content: space-between;}
.z_form li{ width: 24%;border: 1px solid #D4DBE2;border-radius: 4px; display: flex; align-items: center; padding: 0 20px; margin-bottom: 25px;}
.z_form li .text{ height: 60px; width: 100%;}
.z_form  label{ font-size: 16px; flex-shrink: 0; line-height: 18px;}
.z_form li .z_sel{ flex: 1; background: url(../image/arr2.png) no-repeat right center; height: 60px; font-size: 16px; color: #196CCF;}
.z_form .texta{ width: 100%;border: 1px solid #D4DBE2;
border-radius: 4px;padding:15px 20px; display: flex; align-items: flex-start;}
.z_form .texta textarea{ width: 100%; height: 100px; line-height: 18px;}
.z_sub_btn{ display: flex; align-items: center; width: 200px; margin: 0 auto; justify-content: center; cursor: pointer; margin-top: 3vw;}
.z_sub_btn .iconfont{ display: inline-block; width: 50px;
height: 50px;
background: #196CCF;
border-radius: 50%; line-height: 50px; text-align: center; color: #fff; margin-right: 10px;}
.z_sub_btn span{ text-decoration: underline; color: #196CCF; font-size: 16px;}

.z_sc_page{background: linear-gradient(90deg, #F4F9FF, #C5D5E8);}
.z_sc_list{ margin-top: 5vw;}
.z_sc_list ul{ margin-left: -2%;}
.z_sc_list li{ width: 31.3%; float: left; margin-left: 2%; padding: 1.5vw 0; border-top: 1px solid  #666C74; position:relative;}
.z_sc_list li::before{ content: ""; display: block; width: 0; height: 1px; position: absolute; left: 0; top: -1px; z-index: 1; background: #196CCF; transition: ease 1s;}
.z_sc_list li:hover::before{ width: 100%;}
.z_sc_list li h3{font-size: 1.45833vw;color: #010101; font-weight: bold; margin-bottom: 1vw;}
.z_sc_list li p{color: #4B4E51;
line-height: 28px;}
.z_sc_list li .yx{text-decoration: underline;}
.z_sc_list li:hover h3,.z_sc_list li:hover p{ color: #196CCF;}
.z_click_load{ margin-top: 4vw; text-align: center;}
.z_click_load .iconfont{ display: block; width: 50px; height: 50px; line-height: 50px; background: #196CCF; color: #fff; margin: 0 auto;border-radius: 50%;}
.z_click_load h3{text-decoration: underline;color: #196CCF;text-decoration: underline; margin-top: 4px; font-size: 16px;}





@media screen and (max-width:1540px){
.z-container{ width: 1200px;}
}


@media screen and (max-width:1440px){
.z_about_jj,.z_xq_page{padding: 7vw 8.3vw;}
.z_about_jj .conwarp{ width: 42vw;}
.z_about_num2 ul{ justify-content: space-between;}
.z_about_num2 ul li{ margin: 0;}
.z_pro_page .z-container{ width: 80vw;}
.z_pro_list li .infobox{ width: 55%;}
.z_xq_info .desc{ font-size: 14px;line-height: 24px;}
.z_xq_info h4{ font-size: 16px;}
.z_xq_info{ width: 40vw;}
.z_zp_warp{ width: 88%;}
.z_form{ width: 1000px;}
.z_footer_nav li{ margin-left: 3vw;}
}

@media screen and (max-width:980px){
.z_banner{ height: 70vw; margin-top: 50px;}
.z_banner_text .z_more{ display: none;}
.z_banner_bar{ width: 100%; justify-content: center; height: 40px; border: none;}
.z_banner_bar .sb{ display: none;}
.z_banner_text{ padding: 0 10px;}
.z_banner_text .h3{ font-size: 14px; margin-bottom: 10px;}
.z_banner_text h4{ font-size: 18px;}
.z_banner_text .slg img{ height: 30px; }
.z_header{ height: 50px; padding: 0 12px;}
.z_header_fr{ width: 100%; height: calc(100vh - 50px); position: fixed; left: 0; top: 100vh; visibility: hidden; transition: ease .8s; background: #fff; display: block;}
.z_header_fr.on{ top: 50px; visibility: visible;}
.z_nav_down{ display: none;}
.z_words .down{ top: auto; bottom: 100%;}
.z_logo img{ height: 18px;}
.z_menu_btn{ width: 40px; height: 40px;}
.z_header_nav{ display: flex;align-items: center; justify-content: center; height: 100%; }
.z_header_nav li{ display: block; margin: 0; text-align: center; line-height: 60px;}
.z_words{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 10px; margin: 0;}
.z_index_about{ display: block}
.z_index_about .fl_warp{width: 100%; padding: 40px 12px;}
.z_index_tit{ font-size: 22px;line-height: 24px;}
.z_index_tit::before{ width: 60px; height: 60px; left: -10px; top: -20px;}
.z_index_about .bz{ width: 100%; font-size: 14px;line-height: 24px; margin: 25px 0;}
.z_index_about .desc{ width: 100%;}
.z_index_about .z_more{ position: relative; margin-top: 30px;}
.z_more .iconfont{ width: 36px; height: 36px; line-height: 32px;}
.z_about_num ul{ display: block;}
.z_about_num li{ display: inline-block; width: 49%; max-width: 49%; margin-bottom: 15px;}
.z_about_num h3{ font-size: 24px; line-height: normal;}
.z_about_num .icon{ height: 30px;}
.z_about_num{ margin-top: 40px;}
.z_index_about .fr_warp{ width: 100%; height:60vw;}
.z_index_about .fr_warp .play img{ height: 50px; display: block;}
.z_pro_head{ position: relative; padding: 30px 0px;display: block;text-align: center; background: #fff;}

.z_index_pro .z_pro_nav{ position: relative; left: auto; top: auto; transform: translate(0,0); margin-top: 30px; text-align: center; white-space: nowrap; overflow-x: auto;padding: 0 5px; height: 50px; }
.z_pro_nav a{ height: 40px; line-height: 40px; padding: 0 12px; margin: 0 2px; min-width: auto; font-size: 14px; margin-bottom: 0px; box-shadow: none; border: 1px solid #EEEEEE;}
.z_pro_swiper li a{ height: auto; display: block; padding: 30px 0;}
.z_pro_swiper li .infobox{ width: 100%;padding: 0px 12px; margin-bottom: 20px; position: relative; transform: translate(0);}
.z_pro_swiper li.swiper-slide-active a{ padding: 30px 0;}
.z_pro_swiper li .imgbox{ width: 100%;}
.z_pro_swiper li h3{ font-size: 18px;}
.z_pro_swiper li h3 img{height: 20px;}
.z_pro_swiper li .desc{ font-size: 14px;-webkit-line-clamp: 2; margin: 20px 0;}
.z_pro_swiper li .z_more{left: 12px; bottom: 30px; position: relative; bottom: auto; left: auto; margin-top: 30px;}
.z_pro_swiper li.swiper-slide-active .overbox,.z_pro_swiper li .overbox{ width: 70vw; height: 70vw;}
.z_pro_swiper{ width: 100%; height: auto;}
.z_pro_swiper .next{ width: 40px; height: 40px; right: 10px;}
.z_sc_bj{ display: block; padding: 40px 12px; padding-bottom: 20px;}
.z_sc_bj .fl_warp,.z_sc_bj .fr_warp{ width: 100%;}
.z_sc_bj .fl_warp .desc{ margin: 20px 0;line-height: 24px;}
.z_addre_tab{ padding: 20px 0;}
.z_addre_tab h3{ font-size: 16px; margin-bottom: 10px;}
.z_dot{ width: 4px; height: 4px;}
.z_pro_swiper li h4{ display: none;}
.z_pro_swiper li{ padding-bottom: 30px;}
.z_sc_bj .fr_warp{ margin-top: 20px;}
.z_index_news{padding: 0 12px; padding-bottom: 30px;}
.z_news_heads{ padding: 30px 0;}
.z_swiper_btn .iconfont,.z_honor_warp .iconfont{ width: 40px; height: 40px; line-height: 38px;}
.z_news_swiper li{ width: 100%;}
.z_news_swiper li .infobox{ display: none;}
.z_news_swiper li .imgbox{ width:100%;}
.z_news_swiper li .time{ margin-bottom: 0;}
.z_index_join .lazy{ position: relative; height: 50vw; background-attachment: inherit!important;}
.z_index_join .fl_warp{ width: 100%; padding: 30px 12px;}
.z_index_join .desc{ margin: 20px 0;}
.z_btn_warp a{ height: 38px; line-height: 36px; min-width: auto; padding: 0 15px;}
.z_hz_head{ padding: 40px 12px;}
.z_hz_head .z_index_tit .cn{ font-size: 20px;}
.z_hz_swiper li{ margin-right: 0;}
.z_hz_swiper li a{ height: 80px;}
.z_footer{ padding: 0px 12px;}
.z_footer_logo{ display: none;}
.z_footer_desc{ margin: 0;}
.z_footer_share{ margin: 20px 0; margin-bottom: 0;}
.z_footer_nav{ display: none;}
.z_footer_top{ padding: 20px 0;}
.z_footer_btm{ padding: 20px 0; text-align: center;}
.z_footer_btm .fl,.z_footer_btm .fr{ width: 100%;}
.z_other_banner{ margin-top: 50px;}
.z_other_text .enimg,.z_other_text .sb{ display: none;}
.z_other_text h3{ font-size: 20px; text-align: center; line-height: normal;}
.z_xq_banner{ height: auto;}
.z_page_wz{ display: none;}
.z_page_bar{ position: relative; background: #196CCF; padding: 0;}
.z_page_nav{ height: 45px; line-height: 45px; width: 100%; overflow: hidden;}
.z_page_nav li{ margin: 0; padding: 0 10px;}
.z_about_jj{ padding: 35px 12px; display: block;}
.z_other_tit{ text-align: center;}
.z_honor_head .z_other_tit{ width: 100%;}
.z_other_tit h3{font-size: 22px; line-height: 22px;}
.z_other_tit h4{ font-size:16px;}
.z_about_jj .conwarp{ width: 100%; margin-top: 30px; border: none; padding: 0;}
.z_about_jj .conwarp .desc{ font-size: 14px; line-height: 24px;}
.z_about_jj .conwarp .z_more{ margin-top: 30px;}
.z_about_jj .slg{ display: none;}
.z_about_warp{ padding: 35px 12px;}
.z_about_num2 ul{ display: block;}
.z_about_num2 ul li{ margin-bottom: 20px;}
.z_about_num2 li h4{ width: 100%;}
.z_about_num2 li .icon{ margin-right: 15px;}
.z_about_num2 li .infobox{ width: 100%;}
.z_about_num2 li h3{ font-size: 24px; line-height: 24px;}
.z_about_num2 li h4{ padding-top: 10px; margin-top: 10px; line-height: 24px; font-size: 15px;}
.z_about_num2 li .icon{ height: 30px;}
.z_about_video{ border-radius: 12px; height: 55vw;}
.z_about_video .z_play img{ height: 50px;}
.z_about_video .z_play  span{ font-size: 14px;}
.z_nl_icon{ position: relative; width: 100%;}
.z_ln_swiper{ height: auto;}
.z_ln_swiper li{ padding: 50px 12px;}
.z_ln_swiper li h4{ width: 100%; font-size: 14px;line-height: 24px;margin: 30px 0;}
.z_ln_swiper li h3{ font-size: 20px;line-height: 20px;}
.z_nl_icon{ display: none;}
.z_nl_icon li .icon{ height: 30px;}
.z_nl_icon li .icon img{filter: drop-shadow( 0px 30px 0 #000); height: 30px;}
.z_nl_icon li.active .icon img {transform: translateY(-30px);}
.z_nl_icon li h3{ font-size: 12px;}
.z_about_process{ padding: 35px 12px;}
.z_process_year{ display: none;}
.z_process_fr{ width: 100%; padding: 0; overflow: unset; margin-top: 30px;}
.z_process_con li{ font-size: 15px; line-height: 24px; }
.z_process_con .item{padding: 15px 0;}
.z_process_con .year{ margin-bottom: 10px;}
.z_honor_head{ display: block;}
.z_about_honor{ padding: 35px 12px;}
.z_honor_swiper{ margin-top: 40px;}
.z_honor_swiper h3{ font-size: 14px;}
.z_honor_swiper .img{ height: 52vw;}
.z_honor_warp .iconfont{z-index: 2;}
.z_honor_warp .prev{ left: 0;}
.z_honor_warp .next{ right: 0;}
.z_about_hz{ padding: 35px 12px;}
.z_hz_logo{ margin-top: 30px;}
.z_hz_logo ul{ margin-left: -3.3%;}
.z_hz_logo li{ width: 30%; margin-left: 3.3%; margin-bottom: 10px;}
.z_hz_logo li a{ height: 60px;}
.z_pro_page{ padding: 40px 12px;}
.z_pro_page .z-container{ width: 100%;}
.z_line{ margin: 20px 0;}
.z_pro_list li{ padding: 30px 12px; margin-top: 12px;}
.z_pro_list li a{ display: block;}
.z_pro_list li .overbox{ width: 70vw; height: 70vw; margin: 0 auto; margin-bottom: 20px;}
.z_pro_list li .infobox{ width: 100%;}
.z_pro_list li h3{ font-size: 16px; line-height: 20px; text-align: center;}
.z_pro_list li .desc{ margin: 20px 0; line-height: 24px; font-size: 14px;}
.z_pro_list li .z_more{ margin-top: 30px;}
.z_xl_bar{ height: 50px; margin-top: 12px;}
.z_xq_page{ padding: 30px 12px;}
.z_xq_swiper{ width: 100%;}
.z_xq_swiper .bd li{ height: 62vw; border-radius: 10px;}
.z_xq_hd{ margin-top: 10px;}
.z_xq_info{ width: 100%; margin-top: 30px;}
.z_xq_info h3{ font-size: 18px; line-height: normal;}
.z_xq_info h4{ font-size: 14px;}
.z_xq_info .desc{ padding: 20px 0; margin-top: 20px;}
.z_xq_info h3 img{ max-height: 20px; margin-right: 3px;}
.z_pro_nav{ display: block;}
.z_pro_nav a{ margin-bottom: 5px;}
.z_tab_nav{ margin-top: 40px;}
.z_tab_nav ul{ display: flex;}
.z_tab_nav li{ padding-bottom: 10px; margin-right: 0; flex: 1; text-align: center;}
.csbar span, .z_pro_list li .csbar span{ margin-bottom: 5px;}
.z_pro_child{ margin-top: 20px;}
.z_pro_child .titbox{ height: 50px;padding: 0 12px; font-size: 18px;}
.z_pro_child .conwarp{ padding: 25px 12px;}
.z_wenda_list li{ margin-bottom: 20px;}
.z_wenda_list li h3{ font-size: 16px;line-height: 24px; margin-bottom: 10px;}
.z_wenda_list li .desc{ line-height: 24px; font-size: 14px;}
.z_back { margin-top: 20px;}
.z_back img{height: 50px; }
.z_back h3{ margin-top: 5px;}
.z_news_page{ padding: 40px 12px;}
.z_news_list li{ width: 48%; margin-bottom: 20px;}
.z_news_list ul{ margin-top: 30px;}
.z_news_swiper2 ul{ margin-top: 0;}
.z_news_list li h3{ font-size: 14px;padding:  0 15px; bottom: 10px;}
.z_news_list li .maskbox{ display: none;}
.z_news_list li .time{padding: 10px 0;}
.z_scroll{ margin-top: 30px;}
.z_news_xq,.z_xg_news .z-container{ width: 100%;}
.z_other_banner{ display: block;}
.z_newsxq_page{ padding: 30px 12px;}
.z_news_tit{ margin-top: 0; margin-bottom: 20px; font-size: 18px; line-height: 28px;}
.z_news_bar ul{ display: block;}
.z_news_bar li{ width: 50%;float: left;border-bottom: 1px solid #DDDDDD; height: 50px;}
.z_news_bar li:nth-child(even){ border-right: none;}
.z_news_bar{border-bottom: none;}
.z_news_con{ padding: 30px 0px; line-height: 24px; font-size: 14px;}
.z_xg_news{ padding: 20px 12px; overflow: hidden;}
.z_yg_tit{ font-size: 20px;}
.z_zx_warp{ display: block;}
.z_zx_warp .infobox, .z_zx_warp .imgbox{ width: 100%;}
.z_zx_warp .infobox{ padding: 30px 12px;}
.z_zx_warp .infobox h3{ text-align: center; font-size: 20px;}
.z_zx_warp .infobox .desc{ margin: 20px 0; font-size: 14px; line-height: 24px;}
.z_sub_a{text-align: center;}
.z_sub_a a{ height: 40px; font-size: 15px; line-height: 38px; padding: 0 15px; margin: 0 10px;}
.z_zx_warp .imgbox{ height: 74vw;}
.z_yg_warp{ padding: 35px 12px;}
.z_yg_list ul{ margin-top: 30px; margin-left: -2%;}
.z_yg_list li{ width: 48%; margin-left: 2%; margin-bottom: 20px;}
.z_yg_list li .imgbox{ height: 32vw;}
.z_yg_list li h3{ margin-top: 10px;}
.z_zpgo_warp{ min-height: 60vw;}
.z_zpgo_warp .z_sub_a{ margin-top: 30px;}
.lazy{ background-attachment: inherit!important;}

.z_zp_page{ padding: 40px 12px;}
.z_zp_warp{ width: 100%;}
.z_zp_class{padding: 0 5px; display: block;}
.z_zp_class .tit{ display: none;}
.z_zp_search{ padding: 0 10px;}
.z_zp_search .text{ height: 50px;}
.z_zp_class ul{ display: block; padding: 20px 0;} 
.z_zp_class li{ padding: 0 10px;  font-size: 14px;   background: url(https://www.biomedart.cn/style/img/arr3.png) no-repeat right 10px center;}
.z_zp_class li .sel{ height: 40px;font-size: 14px; flex: 1;}
.z_zp_class li::before{ display: none;}
.z_job_list .titbar span:nth-child(2), .z_job_tit span:nth-child(2),.z_job_list .titbar span:nth-child(4), .z_job_tit span:nth-child(4),.z_job_list .titbar span:nth-child(5), .z_job_tit span:nth-child(5){ display: none;}
.z_job_list .titbar, .z_job_tit{ padding: 0 10px;  height: 50px;}
.z_job_list .titbar span, .z_job_tit span{font-size: 14px;}
.z_job_list .titbar span:nth-child(1), .z_job_tit span:nth-child(1){ flex: 2;}
.z_zp_warp{ margin-bottom: 20px; margin-top: 30px;}
.z_job_list .content{ padding: 20px 12px;}
.aply_btn{ margin-top: 30px; width: 100px; height: 40px; line-height: 40px;}
.aply_pop{ width: 90%;}
.z_list_page{ padding: 40px 12px;}
.z_list_page .z_other_tit{ margin-bottom: 30px;}
.z_rencai_list li{width: 98%; margin-bottom: 10px;}
.z_rencai_list li .imgbox{ height: 55vw;}
.z_rencai_list li .infobox{ padding: 20px 12px;}
.z_rencai_list li h3{ font-size: 15px; line-height: 24px; margin-bottom: 10px;}
.z_other_tit .z_desc_w{ width: 100%; font-size: 14px;}
.font48 {font-size: 20px!important;line-height: 20px!important;}
.z_rcxq_list li{ width: 48.3%; margin-bottom: 5px;}
.z_rcdeatil_page{ padding: 40px 12px;}
.z_rcdeatil_page .content{ width: 100%; margin-top: 30px; line-height: 24px; font-size: 14px;}
.z-container{ width: 100%;}
.z_contact_warp,.z_contact_ly{ padding: 40px 12px;}
.z_contact_li{ margin: 30px 0;}
.z_contact_li li{ width: 100%; padding: 10px 0;}

.z_form{ width: 100%;}
.z_form ul{ display: block;}
.z_form li{ width: 100%; margin-bottom: 10px; padding: 0 10px;}
.z_form li .text{ height: 50px;}
.z_form .texta{ padding: 15px;}
.z_sub_btn .iconfont{ width: 40px; height: 40px;line-height: 40px;}
.z_sc_list li{ width: 100%;padding: 15px 0;}
.z_sc_list li h3{ font-size: 18px; margin-bottom: 10px;}
.z_click_load .iconfont{ width: 40px; height: 40px; line-height: 40px;}
.z_process_con{ padding-right: 0; max-height:none;height: 216px; overflow: hidden;}
.z_process_con.on{ height: auto;}
.z_about_honor .z_pro_nav{ text-align: center; margin-top: 30px; width: 100%; display: block;} 
.z_xg_news .z_other_tit h3{ font-size: 20px;}
.z_rencai_list li .imgbox{ border-radius: 8px 8px 0 0;}
.z_rencai_list li .infobox{ border-radius: 0 0 8px 8px;}
.z_process_con li, .z_process_con p{ font-size: 14px;line-height: 24px; margin-bottom: 10px;}

.z_open_text{ color: #999; display: block;}
.z_news_swiper li.active .imgbox h3{ opacity: 1;}
.z_contact_map #baiduMap{ height: 400px!important;}
.z_footer_top .fl_warp{ width: 100%;}
}